<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>神龙教主</title>
<link rel="stylesheet" href="./demo.css">
</head>

<body>
    <!-- Tab选项卡1 -->
    <div class="box tab1">
        <!-- 标题 -->
        <ul>
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
        </ul>
        <!-- 内容 -->
        <ol>
            <li class="active">1</li>
            <li>2</li>
            <li>3</li>
        </ol>
    </div>

        <!-- Tab选项卡1 -->
        <div class="box tab2">
            <!-- 标题 -->
            <ul>
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
            </ul>
            <!-- 内容 -->
            <ol>
                <li class="active">1</li>
                <li>2</li>
                <li>3</li>
            </ol>
        </div>
</body>
<script src='./demo.js'></script>
<script>
let tab1=new Tab('.tab1',{
    color:'green',
})
let tab2=new Tab('.tab2',{
    color:'pink',
})
</script>

